import type { ThemeCanvas } from '@/types/theme';

const componentObj: ThemeCanvas = {
  x: 0,
  y: 0,
  w: 0,
  h: 0,
  templateId: '',
  imageSrc: '',
  id: '',
  draggable: false,
  resizable: false,
  productIds: [],
  name: '',
  z: 0,
  version: 0,
  scale: 0,
};
export const useThemeCanvas = () => {
  const componentList = ref<ThemeCanvas[]>([]);
  const currentComponent = ref<ThemeCanvas>({
    ...componentObj,
  });
  return {
    currentComponent,
    componentList,
    raw: componentObj,
  };
};
